<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="id"
        label="编号"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="phone"
        label="手机号"
        width="180">
      </el-table-column>
      <el-table-column
        prop="email"
        label="邮箱"
        width="180">
      </el-table-column>
      <el-table-column
        prop="createTime"
        label="创建时间"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
    <div class="block">
      <el-pagination
        layout="prev, pager, next"
        @current-change="listView"
        :total="totals"
        :currentPage="currentPage"
        :pageSize="pageSize">
      </el-pagination>
    </div>
  </div>
</template>
<script>
    export default {
        data () {
            return {
                totals:0,
                currentPage:1,
                pageSize:7,
                tableData: []
            }
        },
        methods: {

            getUserList(){
                let para = {"currentPage":this.currentPage,"pageSize":this.pageSize}
                this.$http.post("/user/list",para)
                    .then(result=>{
                        this.tableData = result.data.data;
                        this.totals = result.data.totals;
                    })
                    .catch(result=>{
                        console.log("失败")
                    })
            },
            listView(curr) {
                this.currentPage = curr;
                this.getUserList();
            }
        },

        mounted() {
            this.getUserList();
        }
    }
</script>


